﻿<div class="menu">
   <div class="header-inner">
      <div class="nav-touch"> <em></em><em></em><em></em> </div>
      <div class="nav">
         <h3>
           <em>Chuyên mục</em> <span class="menu-icon"></span>
         </h3> 
       </div>
         <div class="pop-menu"> <strong class="arrow"></strong>
               <div class="pop-menu-inner">
                  <div class="menu-inner"> <strong class="close1"></strong>
                  
{%- macro print_menu_level(menu_level_items) %}
   {%- for menu_item in menu_level_items %}
      {% if loop.first %}
      <ul class="nav-cate">
      {% endif %}
         {% if loop.first %}
         <li class="active-li">
         {% else %}
         <li>
         {% endif %}
            <a>{{ menu_item.vg_dm_name }}</a>
            <div class="sub-nav sub-nav1">
               <div class="sub-content">
                  <h4>{{ menu_item.vg_dm_name }}</h4>
            {% set next_menu_level_items = menu_item.getChilds() %}
            {% if next_menu_level_items %}
               {%- for menu_item in next_menu_level_items %}
                  {% if loop.first %}
                  <ol>
                  {% endif %}
                     <li>
                        <a href="{{ menu_item.getUrl() }}">
                           {{ menu_item.vg_dm_name }}
                        </a>
                     </li>                    
                  {% if loop.last %}
                  </ol>
                  {% endif %}
               {%- endfor %}
            {% endif %}
               </div>
            </div>
         </li>
      {% if loop.last %}
      </ul>
      {% endif %}
   {%- endfor %}
{%- endmacro %}
{{ print_menu_level(root_menu_items) }}
               <div class="clearfix"> </div>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="logo">
   <a href="/priceasia/"><img src="/priceasia/public/img/logo.png" /> </a>
</div>